<%@ page language="java"  pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<jsp:include page="../inc.jsp"></jsp:include>
<jsp:include page="../uploadifyInc.jsp"></jsp:include>
<script charset="utf-8" type="text/javascript" src="${pageContext.request.contextPath}/resources/js/jsp/banner/list.js"></script>

<!-- content -->
<div class="easyui-layout" data-options="fit:true,border:false">
        <input type="hidden" id="orderIndex" name="orderIndex" value='${orderIndex}'/>
	<!-- 数据表格 -->
	<div data-options="region:'center',border:false">
		<table id="_datasDatagrid"></table>
	</div>
</div>

<!-- 右键菜单 -->
<div>
	<div id="datagridContextMenu" class="easyui-menu" style="width:200px">
		<div data-options="iconCls:'icon-add'" onclick="addRow()">增加</div>
		<div data-options="iconCls:'icon-remove'" onclick="deleteRow()">批量删除</div>
		<div data-options="iconCls:'icon-edit'" onclick="updateRow()">修改</div>
		<div data-options="iconCls:'icon-save'" onclick="saveRow()">保存</div>
		<div class="menu-sep"></div>
		<div data-options="iconCls:'icon-redo'" onclick="rejectRow()">撤销</div>
		<div data-options="iconCls:'icon-reload'" onclick="_datasDatagrid.datagrid('reload');">刷新</div>
	</div>
</div>

<!--轮播图片管理dialog-->
<div id="dialogBannerPic" style="width:800px;height:500px;display:none;padding:10px;overflow-x:hidden;overflow-y:scroll">
	<form id="formBannerPic" method="post" style="width:100%; height:100%;">
		<input type="hidden" id="objId" name="objId" value='${objId }'/>
		<input type="hidden" id="flag" name="flag" value='${flag }'/>
		<input type="hidden" id="opterType" name="opterType" value='${opterType}'/>
		<input type="hidden" id="sessionID" value='${pageContext.session.id}'/>
	    <input type="hidden" id="bid" name="bid"/>
		<table>
			<c:if test='${objId != 0 && flag==1 }'>
				<tr>
					<th>城市名</th>
					<td><input type="text" id="cityname" name="cityname" style="width: 600px;"/></td>
				</tr>
			</c:if>
			<tr>
				<th>轮播名</th>
				<td><input type="text" id="bname" name="name" style="width: 600px;"/></td>
			</tr>
			<tr>
				<th style="width: 100px;" rowspan="2">轮播图片</th>
				<td style="color: red;">请注意:轮播图目前只能上传8张图片,超过8张系统将提示出错!点击将该图片从轮播中移除!</td>
			</tr>
			<tr>
				<td id="bannerPic"></td>
			</tr>
			<tr>
				<th></th>
				<td style="padding-left: 15px;"><input type="text" id="picBtn" name="file"/></td>
			</tr>
		</table>
	</form>
</div>
<!--轮播视频管理dialog-->
<div id="dialogBannerVideo" style="width:800px;height:500px;display:none;padding:10px;overflow-x:hidden;overflow-y:scroll">
	<form id="formBannerVideo" method="post" style="width:100%; height:100%;">
		<table>
			<c:if test='${objId != 0 && flag==1 }'>
				<tr>
					<th>城市名</th>
					<td><input type="text" id="cityname" name="cityname" style="width: 600px;"/></td>
				</tr>
			</c:if>
			<tr>
				<th>视频名</th>
				<td><input type="text" id="videobname" name="name" style="width: 600px;"/></td>
			</tr>
			<tr>
				<th style="width: 100px;" rowspan="2">视频说明</th>
				<td style="color: red;">请注意:视频目前只能上传段,超过8段系统将提示出错!点击将该视频从轮播中移除!</td>
			</tr>
			<tr>
				<td id="bannerVideo"></td>
			</tr>
			<tr>
				<th></th>
				<td style="padding-left: 15px;"><input type="text" id="videoBtn" name="file"/></td>
			</tr>
		</table>
	</form>
</div>


</body>  
</html>